
<!DOCTYPE html>
<html>
<head>
  <title>Resumen Campus Nicoya</title>
<meta charset="utf-8"/>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  <script type="text/javascript" src="js/bootstrap-tab.js"></script>
  <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
  <script type="text/javascript" language="javascript" src="js/Ajax_Asis.js"></script>
  <script type="text/javascript" language="javascript" src="js/JQuery.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <link rel="stylesheet" href="css/COBEPE.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/bootstrap-tab.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/COBEPE2.css">
</head>

  <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>




<script type="text/javascript">
    $(document).ready(function () {
          
          $(function()
    {
      //la linea de abajo escucha cuando el form hace submit.
    $("#idForm").submit(function(e)
    {
      
    //con esta linea evitamos que se vallan los datos
    e.preventDefault();
    //obtiene el action del form
     var action= $("#idForm").attr("action");
      //se hace un array para meter los valores del form
    var form_data= 
    {  
            Cedula:$("#Cedula").val(),
            Anno :$("#Anno ").val(),
            Ciclo :$("#Ciclo ").val()

         };

     $.ajax({
     type:"POST",
     url:action,
     data:form_data,
     success: function(responde)
     {  
    /*Los mensajes que se muestras aqui estan en el archivo que referencia ‘action’ del form.*/
      $("#div1").html(responde);
       
     }
     });
    return false;
      });
    });
    });
  </script>

</head>
<body>
  <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>

<!--Inicio del menu Principal -->
<center>
<div>
<nav id="nav1" class="navbar navbar-pills navbar-fixed-center" role="navigation">

  <div class="collapse navbar-collapse navbar-ex1-collapse">

              <div class="collapse navbar-collapse">
              
                <ul class="nav navbar-nav">


<li ><a> <img id="IconoBola" src="Imagenes/logo.png"> BIENVENIDO A COBEPE</a> </li>
<li id="menusombra" ><a><span class="glyphicon glyphicon-user"></span> Usted esta en la consulta de Estudiantes</a></li>



<li ><a href="index.php"><span class="glyphicon glyphicon-log-out"></span> Salir</a></li>
<li ><a> </a></li>
<li ><a> </a></li>
<li ><a> </a></li>
<li ><a> </a></li>
<li ><a> <img id="IconoLogo" src="Imagenes/logoUNA.png"></a></li>
                </ul>

</div>

</div>

</nav>
</div>
</center>
<!--Cierre del Menu Principal--> 
<div class="container-fluid">
<div id="Panel"  class="jumbotron">

    


    
      
<center>
        <div style="  border-radius: 20px; margin-top:-30px; height: 130px; width: 800px;" class="panel panel-danger"> <!-- cuerpo -->
        <div style="background-color: #DF3D3D; color: white; border-radius: 5px; height: 50px; width: 800px;" class="panel-heading"> <!-- cabeza -->
        <center><h5><p class="panel-title">Resumen por de horas de estudiantes</p></h5></center>
        </div> 
 <br>
<form name="AsisNicoya" id="idForm" action="Core/View/V_Filtro_ResuEst.php" method='POST'>


  <fieldset style=" margin-left:-630px;margin-top:-10px;width:190px;">
<div class="form-group">
<label class="col-lg-4 control-label" for="Cedula"><h4>Cedula:</h4></label>
<div class="col-lg-2">
<input type="text" name="Cedula" class="form-control" id="Cedula" style="width: 170px; padding: 2px;" required="" placeholder="Ingrese Ced Estudiante"/>
</div>
</div>
  </fieldset>


  <fieldset style=" margin-left:-150px;margin-top:-43px;width:190px;">
<div class="form-group">
<label class="col-lg-4 control-label" for="Anno"><h4>Año:</h4></label>
<div class="col-lg-2">
<input type="text" name="Anno" class="form-control" id="Anno" style="width: 200px; margin-left:-20px; padding: 2px;" required="" placeholder="Ingrese Ced Estudiante"/>
</div>
</div>
  </fieldset>

  <fieldset style=" margin-left:370px;margin-top:-43px;width:190px;">             
      <div class="form-group">
      <label class="col-lg-3 control-label" for="Ciclo"><h4>Ciclo:</h4></label>
      <div class="col-lg-2">
      <select class="form-control" name='Ciclo' id="Ciclo" style="width: 150px; padding: 2px" required >
      <option value ="0">Seleccione Ciclo</option>
      <option value="I Ciclo">I Ciclo</option>
      <option value="II Ciclo">II Ciclo</option>
      </select>
      </div>
      </div>     
      </fieldset>
 <!-- F para ciclo -->

  <input style="  margin-top:-75px; margin-left:700px;" type="submit" value="Agregar" class="btn btn-danger" >     
  </form>
<div class="control-group">
      <div id="div1" class="controls">

    </div>
    </div> 
     </div>
     </div>

     </center>
  </div> <!-- fin jumbo -->
  </div><!-- fin container -->
</body>
<?php 
  include('Footer.php')
?>
</html>
